<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
<!--相对路径:从当前html文件出发去找资源-->
<!--1)图片与html文件在同一级目录,直接写图片全名 1.png-->
<!--2)图片在html文件的下一级目录,先写文件夹,在写图片全名 img/2.png-->
<!--3)图片在html文件的上一级目录,先../回到上级,在写图片全名 ../3.png-->
    <img src="1.png">
    <img src="img/2.png">
    <img src="../3.png">
<!--图片不能正常加载时显示的替换文字-->
    <img src="abc" alt="哎呀，图片被外星人偷走了">
<!--width设置图片宽度 height设置图片高度 注意图片失真的问题:设置一个,另一个跟着改-->
<!--px 像素 屏幕上最小的一个发光点 数值越大元素越大-->
    <img src="img/fcq.jpg" height="500px" title="这是一张帅哥的靓照">
<!-- 绝对路径:从根目录(盘符/协议)出发去找资源   -->
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png">
</body>
</html>